<!DOCTYPE html>
<html>
<title>non-scaling-stroke with scaling</title>
<link rel="help" href="https://svgwg.org/svg2-draft/painting.html#PaintingVectorEffects" />
<link rel="match" href="green-100x100.svg" />
<body>
  <style>
    body {
      border: none;
      margin: 0;
      width: 200px;
      height: 200px;
      transform: scale(2);
    }
    svg {
      width: 100px;
      height: 100px;
    }
    rect {
      fill: red;
      stroke: green;
      stroke-width: 50px;
      vector-effect: non-scaling-stroke;
    }
  </style>
  <svg>
    <rect width="75" height="75"/>
  </svg>
</body>
</html>
